<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>我的购物车-小米商城</title>
    <link rel="stylesheet" type="text/css" href="./css/style.css">
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.0/jquery.js"></script>
    <script type="text/javascript">


        //名字价格数量
        const GETCART_URL = "http://localhost:8080/mi/GetCart";
        const DELETECART_URL="http://localhost:8080/mi/DeleteIphone";
        const IMAGE_URL="./image/";
        let name;
        let sum=0;
        $(function () {
            name = localStorage.getItem("name");
            $("#dlname").text(name).attr("href","self_info.html");
            let sop={
                uname:name
            }

            $.post(GETCART_URL,sop,function (result) {
                console.log(result);
                for (const rs of result.date) {
                    $("#cart").append(
                        $('<div class="content2 center" >').append(
                            $('<div class="sub_content fl ">').append(
                                // $('<input type="checkbox" value="quanxuan" class="quanxuan" />')

                            )
                        ).append(
                            $('<div class="sub_content fl">').append(
                                $("<img>").attr("src",IMAGE_URL+rs.image).css("height","80px").css("width","80px")
                            )
                        ).append(
                            $('<div class="sub_content fl ft20">').text(rs.name)
                        ).append(
                            $('<div class="sub_content fl ">').text(rs.price)
                        ).append(
                            $('<div class="sub_content fl ">').append(
                                $(' <input class="shuliang" type="number" value="1" step="1" min="1" >')
                            )
                        ).append(
                            $('<div class="sub_content fl">').text(rs.price)
                        ).append(
                            $('<div class="sub_content fl">').text("删除").click(function () {
                                let param={
                                    name:name,
                                    pid:rs.id
                                }
                                        $.post(DELETECART_URL,param,function () {
                                            location.href="gouwuche.html"
                                        })
                            })
                        ).append(
                            $('<div class="clear">').append(
                            )
                        )
                    )
                }
                $("#value_sum").text(result.status+"元");
                //将结果传值结算界面
                 sum=result.status;
            })
            $("#sop").click(function () {
                sessionStorage.setItem("sum",sum);
                location.href="payment.html";
            })

        })


    </script>

</head>
<body>

<div class="banner_x center">
    <a href="./index.html" target="_blank"><div class="logo fl"></div></a>

    <div class="wdgwc fl ml40">我的购物车</div>
    <div class="wxts fl ml20">温馨提示：产品是否购买成功，以最终下单为准哦，请尽快结算</div>
    <div class="dlzc fr">
        <ul>
            <li><a href="./login.html" id="dlname" target="_blank">登录</a></li>
            <li>|</li>
            <li><a href="./register.html" target="_blank">注册</a></li>
        </ul>

    </div>
    <div class="clear"></div>
</div>
<div class="xiantiao"></div>
<div class="gwcxqbj">
    <div class="gwcxd center">
        <div class="top2 center">
            <div class="sub_top fl">
<!--                <input type="checkbox" value="quanxuan" class="quanxuan" />全选-->
            </div>
            <div class="sub_top fl">商品名称</div>
            <div class="sub_top fl">单价</div>
            <div class="sub_top fl">数量</div>
            <div class="sub_top fl">小计</div>
            <div class="sub_top fr">操作</div>
            <div class="clear"></div>
        </div>
        <div id="cart">

        </div>

    </div>
    <div class="jiesuandan mt20 center">
        <div class="tishi fl ml20">
            <!--					<ul>-->
            <!--						<li><a href="./liebiao.html">继续购物</a></li>-->
            <!--						<li>|</li>-->
            <!--						<li>共<span>2</span>件商品，已选择<span>1</span>件</li>-->
            <!--						<div class="clear"></div>-->
            <!--					</ul>-->
        </div>
        <div class="jiesuan fr">
            <div class="jiesuanjiage fl" >合计（不含运费）：<span id="value_sum">2499.00元</span></div>
            <div class="jsanniu fr"><input class="jsan" id="sop" type="submit" name="jiesuan"  value="去结算"/></div>
            <div class="clear"></div>
        </div>
        <div class="clear"></div>
    </div>

</div>




<footer class="mt20 center" style="display: flex;justify-content: center;align-items: center;flex-direction: column;">
    <div class="mt20">小米商城|MIUI|米聊|多看书城|小米路由器|视频电话|小米天猫店|小米淘宝直营店|小米网盟|小米移动|隐私政策|Select Region</div>
    <div>©mi.com 京ICP证110507号 京ICP备10046444号 京公网安备11010802020134号 京网文[2014]0059-0009号</div>
    <div>违法和不良信息举报电话：185-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</div>
</footer>

</body>
</html>
